<template>
  <div>
    <div v-if="value" class="box-size">{{ value }}</div>
    <div v-if="date && date.text" class="box-size">{{ date.text }}</div>
    <p v-if="date && date.tig" class="tig">{{ date.tig }}</p>
  </div>
</template>

<script>
export default {
  name: 'TextInput',
  // eslint-disable-next-line vue/require-prop-types
  props: ['placeholder', 'label', 'name', 'value', 'date'],
  data() {
    return {}
  },
  watch: {},
  created() {},
  methods: {}
}
</script>

<style scoped>
.box-size {
  padding-top: 15px;
  font-size: 0.14rem;
  font-weight: bold;
  line-height: 0.14rem;
  color: #333333;
}
.tig {
  padding-top: 5px;
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.24rem;
  color: #ff0060;
}
</style>
